<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_XinWenZiXun_0',
'img_d0bL71',
'ZY_HuNanJiaTuoXinCai_2',
'ZY_AnHuiZhongYuanXinCai_3',
'img_ML0Jl4',
'ZY_HuNanJiaTuoXinCai_5',
'ZY_AnHuiZhongYuanXinCai_6',
'img_Ja9cU7',
'ZY_HuNanJiaTuoXinCai_8',
'ZY_AnHuiZhongYuanXinCai_9',
'img_joaZA10',
'ZY_HuNanJiaTuoXinCai_11',
'ZY_AnHuiZhongYuanXinCai_12',
'img_tWjq413',
'ZY_HuNanJiaTuoXinCai_14',
'ZY_AnHuiZhongYuanXinCai_15',
'img_MGaNA16',
'ZY_17_17',
'ZY_18_18',
'img_w8ZIx19'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/css/animate.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/./css/swiper-bundle.min.css"> 
  <style>.container{ padding: 30px 15px; } .news .item{ background: #F7F7F7; margin-bottom: 20px; } .news .item img{ width: 30%; height: 70px; display: block; } .news .item div{ text-align: left; padding: 0 10px; box-sizing: border-box; } .news .item div p{ font-size: 16px; margin-bottom: 10px; color: #2F2F2F; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news .item div span{ font-size: 14px; line-height: 20px; color: #6D7074; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;} .container .direction{ width: 40px; height: 40px; border-radius: 50%; background: #EEEEEE; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; box-sizing: border-box; } .container .direction-active{ width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; border: 1px solid #EEEEEE; box-sizing: border-box; } .container .num-warp p{ width: 30px; height: 30px; border-radius: 50%; background: #EEEEEE; display: flex; align-items: center; justify-content: center; font-size: 10px; margin: 5px; border: 1px solid transparent; } .container .num-warp .num-active{ background: #FFFFFF; color: #0F62C8; border: 1px solid #0F62C8; }</style> 
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="page-name flex"> 
   <p class="animated wow zoomIn zy" data-type="ad" data-id="${ZY_XinWenZiXun_0.adId}">${ZY_XinWenZiXun_0.adTitle}</p> 
  </div> 
  <div class="container"> 
   <div class="news">
    <cms:arts var="xwzxList" code="xwzx" pageNow="${param.pageNow == null ? 0 : param.pageNow }" pageSize="9"></cms:arts>
    <c:forEach items="${xwzxList }" var="news" varStatus="status" >
    <a href="${path }/do/redirect/mobile/newsDetail?id=${news.artId}">
     <div class="item flex align-center animated wow fadeInUpA" data-wow-delay="0s"> 
      <img src="${news.artImage}" class="zy">
      <div class="flex-1"> 
       <p class="zy">${news.artTitle}</p>
       <span class="zy">${news.artAbstract}</span>
      </div> 
     </div>
    </a>
    </c:forEach>
   </div> 
   <div class="flex align-center space-between"> 
    <div class="direction-active animated wow fadeInLeftSmall" data-wow-delay="1s">
     <a href="${path }/do/redirect/mobile/news?pageNow=${(param.pageNow == null || param.pageNow == 0) ? 0 : param.pageNow - 1 }">
     <img src="${img_MGaNA16.adImg}" class="zy" data-type="ad" data-id="${img_MGaNA16.adId}">
     </a>
    </div> 
<%--    <div class="num-warp center flex align-center animated wow fadeInUpA" data-wow-delay="1.2s">--%>
<%--     <p class="num-active zy" data-type="ad" data-id="${ZY_17_17.adId}">${ZY_17_17.adTitle}</p>--%>
<%--     <p class="zy" data-type="ad" data-id="${ZY_18_18.adId}">${ZY_18_18.adTitle}</p>--%>
<%--    </div>--%>
    <div class="direction-active animated wow fadeInRightSmall" data-wow-delay="1.4s">
     <a href="${path }/do/redirect/mobile/news?pageNow=${param.pageNow == null ? 1 : param.pageNow + 1 }">
     <img src="${img_w8ZIx19.adImg}" class="zy" data-type="ad" data-id="${img_w8ZIx19.adId}">
     </a>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://hwfile.csxuncong.com/jkxc/mobile/./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script> 
  <script src="https://hwfile.csxuncong.com/jkxc/mobile/./js/wow.min.js"></script> 
  <script>
			var swiper = new Swiper('.header .mySwiper', {
				loop:true,
				slidesPerView:1,
				autoplay : true,
				pagination: {
					el: ".swiper-pagination",
					type: "bullets",
				},
			});
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.transition = '1s'
				popBg.style.display = "none";
				popBox.style.display = "none";						
			}
			
			var wow = new WOW({
			    boxClass: 'wow',
			    animateClass: 'animated',
			    offset: 0,
			    mobile: true,
			    live: true
			});
			wow.init();
		</script>   
 </body>
</html>